"use client";

/**
 * /f/[slug] — PUBLIC form submission page (no auth; middleware whitelists /f/).
 *
 * Loads the PUBLISHED form by slug (GET /public/forms/:slug, no auth) and
 * renders it with the shared <FormRenderer slug=…/>, which validates + submits
 * (POST /public/forms/:slug/submit). Only PUBLISHED forms resolve —
 * draft/closed/unknown slugs 404 on the API and render the "not available"
 * state (closed forms render their closed state instead).
 *
 * Standalone (no (app) shell): this is a top-level public route, so it carries
 * its own minimal page chrome.
 */
import { useParams } from "next/navigation";
import { FormRenderer } from "@/components/form/form-renderer";

export default function PublicFormPage() {
  const params = useParams<{ slug: string }>();
  const slug = params?.slug ?? "";

  return (
    <main className="min-h-screen bg-background">
      <div className="mx-auto max-w-2xl px-6 py-12">
        {slug ? (
          <FormRenderer slug={slug} className="w-full" />
        ) : (
          <p className="text-sm text-muted-foreground">Missing form slug.</p>
        )}
      </div>
    </main>
  );
}